fun SimpleBarChart(data: List<BarChartData>, contentDescriptionPrefix: String, emptyLabel: String, modifier: Modifier = Modifier, barColor: Color = MaterialTheme.colorScheme.primary, gridColor: Color = MaterialTheme.colorScheme.outlineVariant, chartHeight: Dp = StylishTheme.dimensions.barChartHeight, topRadius: Dp = 4.dp, labelTextSize: Dp = 10.dp, gridLineCount: Int = 4, animate: Boolean = true)

A vertical bar chart with optional stacked segments, rendered on a Compose Canvas for lightweight, dependency-free drawing.

SimpleLineChart

@Composable

fun SimpleLineChart(data: List<LineChartData>, contentDescriptionPrefix: String, emptyLabel: String, modifier: Modifier = Modifier, lineColor: Color = MaterialTheme.colorScheme.primary, fillColor: Color = MaterialTheme.colorScheme.primary.copy(alpha = 0.1f), pointColor: Color = MaterialTheme.colorScheme.primary, gridColor: Color = MaterialTheme.colorScheme.outlineVariant, chartHeight: Dp = StylishTheme.dimensions.lineChartHeight, strokeWidth: Dp = 2.5.dp, pointRadius: Dp = 4.dp, pointInnerRadius: Dp = 2.dp, labelTextSize: Dp = 10.dp, gridLineCount: Int = 5, maxLabelCount: Int = 6, animate: Boolean = true)

A line chart with area fill, grid lines, data-point markers, and categorical X-axis labels, rendered on a Compose Canvas.

SimplePieChart

@Composable

fun SimplePieChart(data: List<PieChartData>, contentDescriptionPrefix: String, modifier: Modifier = Modifier, chartSize: Dp = StylishTheme.dimensions.pieChartSize, holeRatio: Float = 0.3f, skeletonRatio: Float = 0.4f, holeColor: Color = MaterialTheme.colorScheme.surface, skeletonColor: Color = MaterialTheme.colorScheme.outlineVariant, startAngle: Float = -90f, animate: Boolean = true)

A lightweight donut-style pie chart rendered entirely on a Canvas.

StylishAreaChart

@Composable

fun StylishAreaChart(points: List<StylishAreaPoint>, contentDescription: String, modifier: Modifier = Modifier, chartHeight: Dp = StylishTheme.dimensions.lineChartHeight, color: Color = MaterialTheme.colorScheme.primary)

Renders a filled area chart using the same scale rules as the line chart. Invalid points break the path rather than connecting through missing data.

stylishChartColor

@Composable

fun stylishChartColor(index: Int): Color

Returns a color from the theme's categorical chart palette by index.

StylishMultiSeriesLineChart

@Composable

fun StylishMultiSeriesLineChart(labels: List<String>, series: List<StylishLineSeries>, contentDescriptionPrefix: String, state: StylishChartState, onStateChange: (StylishChartState) -> Unit, modifier: Modifier = Modifier)

Controlled overload using StylishChartState. The reducer-backed state can be persisted or shared with a store while the renderer remains the same.

@Composable

fun StylishMultiSeriesLineChart(labels: List<String>, series: List<StylishLineSeries>, contentDescriptionPrefix: String, modifier: Modifier = Modifier, selection: StylishChartSelection? = null, onSelectionChange: (StylishChartSelection?) -> Unit? = null, chartHeight: Dp = StylishTheme.dimensions.lineChartHeight, gridColor: Color = MaterialTheme.colorScheme.outlineVariant, strokeWidth: Dp = 2.5.dp, showLegend: Boolean = true, tooltip: @Composable (label: String, series: StylishLineSeries, value: Float) -> Unit? = null, visibleSeriesNames: Set<String> = series.map { it.name }.toSet(), onVisibleSeriesNamesChange: (Set<String>) -> Unit? = null, xAxisLabel: String? = null, yAxisLabel: String? = null, valueFormatter: (Float) -> String? = null, yAxisTickCount: Int = 5, showAxisTicks: Boolean = false, xAxisTickFormatter: (String) -> String = { it }, yAxisTickFormatter: (Float) -> String = { valueFormatter?.invoke(it) ?: it.toString() })

Multi-series line chart with a horizontally scrollable legend and tap selection tooltip. Non-finite values are skipped. Series may be shorter than labels; missing points are empty.

StylishScatterChart

@Composable

fun StylishScatterChart(points: List<StylishScatterPoint>, contentDescription: String, modifier: Modifier = Modifier, chartHeight: Dp = StylishTheme.dimensions.lineChartHeight, color: Color = MaterialTheme.colorScheme.primary, pointRadius: Dp = 5.dp)

Renders independent points rather than connecting them with a line. Non-finite values are skipped and the accessibility description retains all finite points.